<script setup lang="ts">
import { ref } from 'vue'
const dialogVisible = ref(false)
</script>
<template>
  <div class="father">
    <button @click="dialogVisible = true">打开对话框</button>
    <Teleport to="body">
      <XtxDialog v-model:visible="dialogVisible" title="修改收货地址">
        <template #default>
          <p>都是单独多所</p>
          <p>都是单独多所</p>
          <p>都是单独多所</p>
          <p>都是单独多所</p>
        </template>
        <template #footer>
          <XtxButton type="primary" @click="dialogVisible = false">取消</XtxButton>
          <XtxButton type="primary" @click="dialogVisible = false">确认</XtxButton>
        </template>
      </XtxDialog>
    </Teleport>
  </div>


</template>
<style scoped>
.father {
  transform: translate(0);
}
</style>